@charset "utf-8";
*{ margin:0; padding:0;}

body { width:100%; background:url(../images/a1.png) no-repeat; background-size:100%;}

.box{ width:78%; height:500px; background-color:rgba(255,255,255,0.5); margin:10% 15% 10% 15%;}

.b-left{ width:34%; height:440px; background-color:rgba(255,255,255,1); float:left; padding:30px;}

.r1{ height:100px; background-color:rgba(255,153,153,1);}

.r2{ height:40px; font:18px/40px "黑体";}

.r3{ height:50px;}

.r4{ height:40px; font:18px/40px "黑体";}

.r5{ height:50px;}

.r6{ height:50px;}

.r7{ height:100px; }

#b1{ color:rgba(255,0,0,1); display:none;}

#b2{ color:rgba(255,0,0,1); display:none;}

.b-right{ width:60%; height:500px; float:right; }

.b-right img{ float:left;}

#a1{ width:350px; height:35px; border:1px solid rgba(204,204,204,1); border-radius:3px; margin-top:3px;}

#a2{ width:350px; height:35px; border:1px solid rgba(204,204,204,1); border-radius:3px; margin-top:3px;}

#a3{ background-color:rgba(240,208,17,1); width:60px; height:30px; border:0; border:1px solid rgba(255,153,102,1);}







@media (max-width:500px){
	
	.b-left{ width:100%;}
	.b-right{ width:0;}
	body{  background:url(../images/%E6%B4%B1%E6%B5%B76.jpg) no-repeat;}
	}